<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" href="img/TuringMaker.ico">
  <title>图灵创客</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/animate.css">
  <link rel="stylesheet" href="http://apps.bdimg.com/libs/fontawesome/4.4.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="css/jquery.bxslider.css">
	<link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" />	
	<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
	<link href="css/style.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
 <!-- Navigation -->
  <nav class="navbar navbar-default navbar-static" role="navigation">
    <div class="container">
      <div class="row">
        <!-- logo -->
        <div class="col-xs-2 col-sm-2 col-md-2">
          <a class="navbar-brand site-logo" href="index.html"><span>TuringMaker</span></a>
        </div>

        <!-- navbar -->
        <div class="col-xs-10 col-sm-10 col-md-10">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#my-main-navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          </div>

          <div class="collapse navbar-collapse" id="my-main-navbar">
            <ul class="nav nav-pills navbar-right" role="tablist">
              <li role="presentation"><a href="platform.html">创客平台</a></li>
              <li role="presentation"><a href="community.html">社区交流</a></li>
              <li role="presentation" class="active"><a href="#">电子商务</a></li>
              <li role="presentation"><a href="education.html">教育机构</a></li>
              <li class="btn-group">
                <a  class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  <span class="glyphicon glyphicon-user" style="color:#6666FF;" aria-hidden="true"></span>
                  <span class="caret" style="color:#6666FF;"></span>
                </a>
                <ul class="dropdown-menu">
                  <li><a href="#">登陆</a></li>
                  <li><a href="#">注册</a></li>
                  <!-- <li><a href="#">Something else here</a></li> -->
                  <li role="separator" class="divider"></li>
                  <li><a href="#">离开</a></li>
                </ul>
              </li>
            </ul>
          </div>

        </div>

      </div>
      <!-- end row -->
    </div>
  </nav>
  <!-- /Navigation -->
	
	<div class="breadcrumb">
		<h2>Contact</h2>
	</div>
	
	<div class="map">
		<iframe src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Kuningan,+Jakarta+Capital+Region,+Indonesia&amp;aq=3&amp;oq=kuningan+&amp;sll=37.0625,-95.677068&amp;sspn=37.410045,86.572266&amp;ie=UTF8&amp;hq=&amp;hnear=Kuningan&amp;t=m&amp;z=14&amp;ll=-6.238824,106.830177&amp;output=embed">
		</iframe>
	</div>

		<div class="container">
			<div class="row">
				<div class="col-lg-6">
					<div class="recent">
						<h3>Send us a message</h3>
					</div>		
					<form role="form">
						<div class="form-group">						
							<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
						</div>
						<div class="form-group">
							<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
						</div>
						
						<textarea class="form-control" rows="8"></textarea>
						<button type="submit" class="btn btn-default">Submit</button>
					</form>
				</div>
				
				<div class="col-lg-6">
					<div class="recent">
						<h3>Get in touch with us</h3>
					</div>
					<div class="">
						<p>Nam liber tempor cum soluta nobis eleifend option 
						congue nihil imperdiet doming id quod mazim placerat
						facer possim assum. Typi non habent claritatem insitam;
						est usus legentis in iis qui facit eorum.</p>
						<p>Nam liber tempor cum soluta nobis eleifend option 
						congue nihil imperdiet doming id quod mazim placerat
						facer possim assum. Typi non habent claritatem insitam;
						est usus legentis in iis qui facit eorum.</p>
						
						<h4>Address:</h4>Little Lonsdale St, New York<br>
						<h4>Telephone:</h4>345 578 59 45 416</br>
						<h4>Fax:</h4>123 456 789
					</div>										
				</div>			
			</div>
		</div>
		
  <footer>
    <div class="inner-footer">
      <div class="container">
        <div class="row">
          <div class="col-md-4 f-about">
            <a href="index.html"><h1>关于我们</h1></a>
            <p>武汉图灵创客科技有限公司是中国湖北省武汉市洪山区的一家做创新教育社交的创业型公司。我们致力于建设国内第一个K12创新教育社交平台，让创新流行起来，为中国的青少年提供一个创新的平台，充分提高K12学生的创新能力。</p>
          </div>

          <div class="col-md-4 l-posts">
            <h3 class="widgetheading">友情链接</h3>
            <ul>
              <li><a href="http://getbootstrap.com/">Bootstrap</a></li>
              <li><a href="http://www.easylinkin.com/">武汉慧联无限科技有限公司</a></li>
              <li><a href="http://www.hust.edu.cn/">华中科技大学</a></li>
              <!-- <li><a href="#">Wow, this is fourth post title</a></li> -->
            </ul>
          </div>

          <div class="col-md-4 f-contact">
            <h3 class="widgetheading">联系我们</h3>
            <a href="#"><p><i class="fa fa-envelope"></i> turingmaker@qq.com</p></a>
            <p><i class="fa fa-qq"></i>  3512191169</p>
            <p><i class="fa fa-phone"></i>  +086 132 xxxx xxxx</p>
            <p><i class="fa fa-home"></i> TuringMaker inc  |  武汉市洪山区珞瑜路1037号 <br>中国湖北省武汉市</p>
          </div>

        </div>
      </div>
    </div>

    <div class="last-div">
      <div class="container">
        <div class="copyright">
          © Copyright 2016 武汉图灵创客科技有限公司 | <a href="http://turingmaker.com">TuringMaker</a>
        </div>
        <ul class="social-network">
          <li><a href="#" data-placement="top" title="qq"><i class="fa fa-qq" aria-hidden="true"></i></a></li>
          <li><a href="#" data-placement="top" title="Weibo"><i class="fa fa-weibo fa-1x"></i></a></li>
          <li><a href="#" data-placement="top" title="Linkedin"><i class="fa fa-wechat fa-1x"></i></a></li>
          <li><a href="#" data-placement="top" title="Pinterest"><i class="fa fa-linkedin fa-1x"></i></a></li>
          <li><a href="#" data-placement="top" title="Google plus"><i class="fa fa-google-plus fa-1x"></i></a></li>
        </ul>
      </div>
    </div>
  </footer>
	
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-2.1.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
	<script src="js/wow.min.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
	<script src="js/jquery.bxslider.min.js"></script>
	<script src="js/jquery.isotope.min.js"></script>
	<script src="js/fancybox/jquery.fancybox.pack.js"></script>
	<script src="js/functions.js"></script>
	<script>
	wow = new WOW(
	 {
	
		}	) 
		.init();
	</script>
  </body>
</html>